<template>
  <ul>
    <li v-for="i in 4" :key="i">右边框</li>
  </ul>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
ul {
  margin: 50px auto;
  padding: 0;
  width: 400px;
  height: 48px;
  font-size: 24px;
  display: flex;
  text-align: center;
  list-style: none;

  li {
    width: 100px;
    line-height: 48px;

    &:not(:last-child) {
      border-right: 1px solid #666;
    }
  }
}
</style>